<%@page contentType="text/html" pageEncoding="UTF-8"%>

<div class="col-md-12" style=" border-style: solid; border-color: #d09b2b; padding: 15px 0px 25px 0px; height: 100%;">
    <div class="tab-content">
        <!-- BOOKING -->
        <div id="sectionA" class="tab-pane fade in active" style="">
            <div class="col-md-12" style="margin-bottom: 20px">
                <input type="radio" name="option" value="" checked="checked">&nbsp Khứ hồi &nbsp
                <input type="radio" name="option" checked="checked">&nbsp Một chiều &nbsp
                <input type="radio" name="option" checked="checked">&nbsp Nhiều chặng
            </div>

            <div class="col-md-6">
                <div class="col-md-3" style="margin-bottom: 10px">
                    Đi từ
                </div>
                <div class="col-md-9" style="margin-bottom: 10px">
                    <select name="from" style="width: 100%">
                        <option>Việt Nam</option>
                        <option>Châu Âu</option>
                    </select>
                </div>
                <div class="col-md-3" style="margin-bottom: 10px">
                    Đến
                </div>
                <div class="col-md-9" style="margin-bottom: 10px">
                    <select name="to" style="width: 100%">
                        <option>Việt Nam</option>
                        <option>Châu Âu</option>
                    </select>
                </div>
            </div>
            <div class="col-md-6">
                <div class="col-md-4" style="margin-bottom: 10px;">
                    Ngày đi
                </div>
                <div class="col-md-8" style="margin-bottom: 10px">
                    <input type="date" value="startdate" style="width: 100%"><br>
                </div>
                <div class="col-md-4" style="margin-bottom: 10px">
                    Ngày về 
                </div>
                <div class="col-md-8" style="margin-bottom: 10px">
                    <input type="date" value="finishdate" style="width: 100%"><br>
                </div>
            </div>

            <div class="col-md-12" style="height: 10%; width: 100%; margin-bottom: 20px;">
                Người lớn <select name="adult" >
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                    <option>6</option>
                </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                Trẻ em (2-<12 tuổi) <select name="child">
                    <option>0</option>
                    <option>1</option>
                    <option>2</option>
                </select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                Trẻ sơ sinh (<2 tuổi) <select name="baby">
                    <option>0</option>
                    <option>1</option>
                </select>
            </div>
            <div class="col-md-12" style="height: 10%">
                Mã khuyến mại <input type="text" name="txtPromotion">
                <input class="mybutton" type="submit" value="Tìm chuyến bay" id="btnSearch" style="float: right">
            </div>
            <div class="col-md-12" style="height: 10%">
                <hr>
            </div>
            <div class="col-md-6" style="height: 20%">
                <a href="giavenoidia.jsp">Các loại giá vé</a><br>
                <a href="#">Chính sách Hành lý & Dịch vụ đặc biệt</a><br>
                <a href="#">Tra cứu giờ cất, hạ cánh</a><br>
            </div>
            <div class="col-md-6" style="height: 20%">
                <a href="dieulevanchuyen.jsp">Điều khoản sử dụng</a><br>
                <a href="lephi.jsp">Thuế, phí, lệ phí và phụ thu</a><br>
                <a href="#">Góp ý</a><br>
            </div>
        </div>

        <!-- CHECK IN -->
        <div id="sectionB" class="tab-pane fade">
            <div class="col-md-12" style="margin-bottom: 10px">
                Qúy khách có thể làm thủ tục trực tuyến 24 đến 02 tiếng trước chuyến bay<br><br>
                <b>Vui lòng nhập đúng thông tin hiển thị trên vé</b>
            </div>

            <div class="col-md-3" style="margin-bottom: 10px">
                Họ tên:<br>
            </div>
            <div class="col-md-9" style="margin-bottom: 10px">
                <input type="text" name="txtName" style="width: 100%;"><br>
            </div>
            <div class="col-md-3" style="margin-bottom: 10px">
                Đi từ:
            </div>
            <div class="col-md-9" style="margin-bottom: 10px">
                <select name="from" style="width: 100%; height: 25px">
                    <option>Hà nội</option>
                    <option>HCM</option>
                </select>
            </div>
            <div class="col-md-12" style="margin-top: 10px; margin-bottom: 10px">
                <b>Quý khách nhập một trong các dữ liệu sau</b>
            </div>
            <div class="col-md-6">
                <input type="radio" name="op_checkin">Mã đặt chỗ 6 ký tự chữ in hoa<br>
                <input type="radio" name="op_checkin">Số vé điện tử (738xxxxxxxxxx)<br>
                <input type="radio" name="op_checkin">Số thẻ FFP<br>
            </div>
            <div class="col-md-6">
                <input type="text" name=""><br>
                <input type="text" name=""><br>
                <input type="text" name=""><br>
            </div>
            <div class="col-md-12">
                <hr>
            </div>
            <div class="col-md-2">
                <input class="mybutton"  type="button" name="" value="Làm thủ tục" style="">
            </div>

        </div>
    </div>
</div><br/>